Exercices JavaScript
| Exercice | Actions |
|---|---|
| 1. Convertir Celsius en Fahrenheit |
function convertirTemperature() {
const celsius = prompt("Entrez la température en °C :");
const fahrenheit = (celsius * 9 / 5) + 32;
alert(`${celsius}°C = ${fahrenheit}°F`);
}
|
| 2. Ajuster la taille du texte |
Ceci est un texte ajustable.
function augmenterTaille() {
let texte = document.getElementById('texte');
let taille = parseInt(window.getComputedStyle(texte).fontSize);
texte.style.fontSize = (taille + 2) + 'px';
}
function reduireTaille() {
let texte = document.getElementById('texte');
let taille = parseInt(window.getComputedStyle(texte).fontSize);
texte.style.fontSize = (taille - 2) + 'px';
}
|
| 3. Compter le nombre de clics |
0
function incrementer() {
let compteur = parseInt(document.getElementById('compteur').textContent);
document.getElementById('compteur').textContent = compteur + 1;
}
|
| 4. Salutation selon l'heure |
function saluer() {
const heure = new Date().getHours();
if (heure < 12) alert("Bonjour");
else if (heure < 18) alert("Bon après-midi");
else alert("Bonsoir");
}
|
| 5. Calculer l'âge |
function calculerAge() {
const anneeNaissance = prompt("Entrez votre année de naissance :");
const anneeActuelle = new Date().getFullYear();
alert(`Votre âge est : ${anneeActuelle - anneeNaissance}`);
}
|
| 6. Trouver le nombre maximum |
function trouverMax() {
const nombres = prompt("Entrez des nombres séparés par des virgules :").split(",");
const max = Math.max(...nombres.map(Number));
alert(`Le nombre maximum est : ${max}`);
}
|
| 7. Compter les voyelles |
function compterVoyelles() {
const texte = prompt("Entrez un texte :").toLowerCase();
const voyelles = texte.match(/[aeiouy]/g);
alert(`Nombre de voyelles : ${voyelles ? voyelles.length : 0}`);
}
|
| 8. Calculer le pourboire |
function calculerPourboire() {
const montant = parseFloat(prompt("Entrez le montant de l'addition (€):"));
const pourboire = (montant * 0.15).toFixed(2);
alert(`Le pourboire recommandé est : ${pourboire} €`);
}
|
| 9. Vérifier si un nombre est pair ou impair |
function verifierPairImpair() {
const nombre = parseInt(prompt("Entrez un nombre:"));
const resultat = nombre % 2 === 0 ? "pair" : "impair";
alert(`Le nombre ${nombre} est ${resultat}.`);
}
|
| 10. Calculer les calories brûlées |
function calculerCalories() {
const poids = parseFloat(prompt("Entrez votre poids (kg) :"));
const temps = parseFloat(prompt("Entrez le temps de course (minutes) :"));
const calories = (poids * 0.063) * temps;
alert(`Vous avez brûlé environ ${calories.toFixed(2)} calories.`);
}
|
| 11. Calculer le périmètre d'un rectangle |
function calculerPerimetre() {
const longueur = parseFloat(prompt("Entrez la longueur du rectangle (cm) :"));
const largeur = parseFloat(prompt("Entrez la largeur du rectangle (cm) :"));
const perimetre = 2 * (longueur + largeur);
alert(`Le périmètre du rectangle est : ${perimetre} cm`);
}
|
| 12. Créer un tableau dynamique |
function creerTableau() {
const taille = parseInt(prompt("Entrez la taille du tableau :"));
const tableau = [];
for (let i = 0; i < taille; i++) {
tableau.push(prompt(`Entrez l'élément ${i+1}:`));
}
alert(`Tableau créé: ${tableau.join(', ')}`);
}
|
| 13. Vérifier si un mot est un palindrome |
function verifierPalindrome() {
const mot = prompt("Entrez un mot :");
const motInverse = mot.split('').reverse().join('');
alert(mot === motInverse ? "Le mot est un palindrome." : "Le mot n'est pas un palindrome.");
}
|
| 14. Convertir un nombre en binaire |
function convertirBinaire() {
const nombre = parseInt(prompt("Entrez un nombre :"));
alert(`Le nombre ${nombre} en binaire est : ${nombre.toString(2)}`);
}
|
| 15. Animer un élément |
function animerElement() {
let elem = document.createElement('div');
elem.textContent = "Je suis animé!";
elem.style.position = "absolute";
elem.style.left = "0px";
elem.style.top = "0px";
elem.style.backgroundColor = "red";
elem.style.padding = "10px";
document.body.appendChild(elem);
let posX = 0;
let posY = 0;
function deplacer() {
if (posX < window.innerWidth - 100) {
posX += 5;
posY += 3;
elem.style.left = posX + "px";
elem.style.top = posY + "px";
requestAnimationFrame(deplacer);
}
}
deplacer();
}
|